<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html> <!--<![endif]-->

<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="css/normalize.css" />
    <link rel="stylesheet" href="css/foundation.css" />
    <link rel="stylesheet" href="css/custom_style.css" />
    <link rel="stylesheet" type="text/css" href="js/highslide.css" />
    
    <script type="text/javascript" src="js/highslide.js"></script>
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.slides.min.js"></script>
    <script type="text/javascript">$(document).ready(function(){
$(window).scroll(function () {if ($(this).scrollTop() > 0) {$('#scroller').fadeIn();} else {$('#scroller').fadeOut();}});
$('#scroller').click(function () {$('body,html').animate({scrollTop: 0}, 400); return false;});
});</script>
    <script type="text/javascript">
	hs.graphicsDir = 'js/graphics/';
	hs.wrapperClassName = 'wide-border';
</script>
    
</head>
<body>
    <div class="row">
	<div class="large-4 columns phone"><h2>Phone</h2></div>
        <div class="large-4 columns logo"><a href="#"><h1>Speleon - соляная пещера</h1></a></div>
        <div class="large-4 columns socials">
            <ul>
                <li class="vk"><a href="#"><span>1</span></a></li>
                <li class="fb"><a href="#">2</a></li>
                <li class="tw"><a href="#">3</a></li>
                <li class="od"><a href="#">4</a></li>
                <li class="go"><a href="#">5</a></li>
            </ul>
            
        </div>
        
    </div>
    <div class="row ind">
        <div class="large-3 columns about"><a href="#"><span>О пещере</span></a></div>
        <div class="large-3 columns photo"><a href="#">Фотогалерея</a></div>
        <div class="large-3 columns service"><a href="#">Услуги</a></div>
        <div class="large-3 columns bild"><a href="#">Строительство</a></div>
    </div>
    <div class="row ind">
	<div class="large-12 columns main_content">
            <h2>Заголовок</h2>
            <p>
                Соляные пещеры — это оздоровительная технология, которая совсем 
                недавно стала доступна широкому кругу желающих ее использовать. 
                Раньше лечение при помощи соли применялось только в 
                специализированных санаториях и медучреждениях и было недосягаемо 
                для многих. К примеру, очередь в подземные лечебницы в Солотвино 
                была сформирована на несколько лет вперед.
            </p> 
        </div>
    </div>
    <div class="row">
        <div class="large-12 columns">
            <div id="slides">
            <img src="images/example-slide-1.jpg" alt=""/>
            <img src="images/example-slide-2.jpg" alt=""/>
            <img src="images/example-slide-3.jpg" alt=""/>
            <img src="images/example-slide-4.jpg" alt=""/>
            <a href="#" class="slidesjs-previous slidesjs-navigation"></a>
            <a href="#" class="slidesjs-next slidesjs-navigation"></a> 
            </div>
        </div>
    </div>
     <div class="row ind">
	<div class="large-8 columns container_content">
            <h2>Заголовок</h2>
            <p>Соляные пещеры — это оздоровительная технология, которая совсем 
                недавно стала доступна широкому кругу желающих ее использовать. 
                Раньше лечение при помощи соли применялось только в специализированных 
                санаториях и медучреждениях и было недосягаемо для многих. 
                К примеру, очередь в подземные лечебницы в Солотвино была 
                сформирована на несколько лет вперед. </p>
        </div>
        <div class="large-4 columns right_content">
            <h3>Запись на прием</h3>
            <label>Укажите время</label>
            <input type="text" placeholder="large-1.columns">
            <label>Укажите Ваш телефон</label>
            <input type="text" placeholder="large-1.columns">
            <label>Ваше сообщение</label>
            <textarea placeholder="small-12.columns"></textarea>
            <h3>карта</h3>
            <a href="images/map_big.jpg" class="highslide" onclick="return hs.expand(this)">
            <img src="images/map.png"/></a>
        </div>
    </div>
    <div class="row ind main_content">
	<div class="large-2 columns heal">
            <a href="#">Лечение</a>
        </div>
        <div class="large-4 columns">
            <h4>Лечение</h4>
            <p>
                Лечение и профилактика поллиноза, атопического риносинусита, 
                хронического риносинусита, ларингита, фарингита.
            </p> 
        </div>
        <div class="large-2 columns prof">
            <a href="#">Профилактика</a>
        </div>
        <div class="large-4 columns">
            <h4>Профилактика</h4>
            <p>
                Профилактика обострений хронических болезней, таких как бронхиальная 
                астма, хронический бронхит, бронхиальная астма, эмфизема легких, 
                а также лечение органов дыхания
            </p> 
        </div>
    </div>
     <div class="row ind">
	<div class="large-12 columns main_content">
            <p>
                Соляные пещеры — это оздоровительная технология, которая совсем 
                недавно стала доступна широкому кругу желающих ее использовать. 
                Раньше лечение при помощи соли применялось только в 
                специализированных санаториях и медучреждениях и было недосягаемо 
                для многих. К примеру, очередь в подземные лечебницы в Солотвино 
                была сформирована на несколько лет вперед.
            </p> 
        </div>
    </div>
    <div class="footer">
        <div class="row ind">
	<div class="large-6 columns">
            <div class="foter_left">
                <div class="foter_menu">
                    <ul>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Главная</a></li>
                        <li><a href="#">Главная</a></li>
                    </ul>
                </div>
                <p>Все права защищены</p>
            </div>
        </div>
        <div class="large-6 columns">
            <div class="foter_right">
                <p>
                Наш телефон в Кемерово <br/>
                8(3842)555-999<br/>
                Мы находимся по адресу<br/>
                Кемерово ул.50-лет Октября 24а<br/>
                </p>
                Разработка сайта Авердо
            </div>
        </div>
    </div>
        
    </div>
    </div>
        <div id="scroller" class="b-top" style="display: none;"><span class="b-top-but"></span></div>

<script>
        $(function(){
          $("#slides").slidesjs({
            width: 940,
            height: 528,
          });
        });
     </script>
</body>
</html>